<template>
	<view class="app-container">
		<view  class="search-input">
			<input type="text" v-model="key" placeholder="昵称/手机" />
			<view class="btn" @click="handleSearch">搜索</view>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return{
				key:''
			}
		},
		methods:{
			handleSearch() {
				uni.showToast({
					icon:'none',
					title:'啥都没有哦'
				})
			}
		}
	}
</script>

<style>
	.search-input{
		width: 100%;
		height: 34px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 5px 10px;
		box-sizing: border-box;
	}
	.search-input input{
		background-color: #fff;
		flex: 1;
		padding: 5px 10px;
	}
	.btn{
		padding-left: 10px;
	}
</style>
